<!--
    Document   : index
    Created on : Mar 27, 2013, 9:11:05 PM
    Author     : Adrian Avendaño
-->

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Traslados</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="page">
            <div id="header">
                <div id="logo-name">
                    <div id="logo"><img src="img/logo.jpg" alt="logo"/></div>
                    <div id="name"><h2>Sistema de Reservas de Servicios de Traslados</h2></div>
                </div>
            </div>
            <div id="main">
                <div id="left-sidebar">
                    <ul>
                        <li><a href=".">Inicio</a></li>
                        <li><a href="clientes.html">Clientes</a></li>
                        <li><a href="vehiculos.html">Vehiculos</a></li>
                        <li><a href="traslados.html">Traslados</a></li>
                    </ul>
                </div>
                <div id="content">
                   <div class="traslado">
                        <h3>
                            <a href="traslado.html?id=1">Traslado #1</a>
                            <span class="details-wrapper">
                                <span class="details"><u>Fecha Reserva:</u> 25/03/2013</span>
                                <span class="details"><u>Fecha Traslado:</u> 17/04/2013</span>
                                <span class="details"><u>Hora Traslado:</u> 09:00 Hs.</span>
                            </span>
                        </h3>
                        <div class="descripcion">
                            <b>Lugar:</b> Camino a Pajas Blancas <br>
                            <b>Vehiculo:</b> Scania 910 <br>
                            <b>Cliente:</b> Vespasiani Automotores S.A.
                        </div>
                    </div>
                    <div class="traslado">
                        <h3>
                            <a href="#">Traslado #2</a>
                            <span class="details-wrapper">
                                <span class="details"><u>Fecha Reserva:</u> 25/03/2013</span>
                                <span class="details"><u>Fecha Traslado:</u> 17/04/2013</span>
                                <span class="details"><u>Hora Traslado:</u> 09:00 Hs.</span>
                            </span>
                        </h3>
                        <div class="descripcion">
                            <b>Lugar:</b> Tropezón <br>
                            <b>Vehiculo:</b> Scania 910 <br>
                            <b>Cliente:</b> Inst'all S.R.L.
                        </div>
                    </div>
                    <div class="traslado">
                        <h3>
                            <a href="#">Traslado #3</a>
                            <span class="details-wrapper">
                                <span class="details"><u>Fecha Reserva:</u> 25/03/2013</span>
                                <span class="details"><u>Fecha Traslado:</u> 17/04/2013</span>
                                <span class="details"><u>Hora Traslado:</u> 09:00 Hs.</span>
                            </span>
                        </h3>
                        <div class="descripcion">
                            <b>Lugar:</b> Chateu Carreras <br>
                            <b>Vehiculo:</b> Ford 350 <br>
                            <b>Cliente:</b> Chevallier
                        </div>
                    </div>
                    <div class="traslados-tasks">
                        <div class="task">
                            <button id="traslado-add">Nuevo Traslado</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="footer">
                <a href="#">Link1</a> &nbsp; <a href="#">Link2</a> &nbsp; <a href="#">Link3</a>
            </div>
        </div>
        <script type="text/javascript">
            function trasladoAdd() {
                window.location = "traslado.form.html";
            }
            document.getElementById("traslado-add").onclick = trasladoAdd;
        </script>
    </body>
</html>
